<!DOCTYPE html>
<html>
 <head> 
  <title>ie中input与button按钮背景图失效--闫海的个人博客-芒果小叨</title> 
  <!-- meta tags start --> 
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  <meta name="Keywords" content="个人博客,闫海个人博客,ie,dede,button,背景图失效" /> 
  <meta name="Description" content="​button按钮背景图失效，ie6,7均不显示图片的相关解决办法。" /> 
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" /> 
  <!-- meta tags end -->
  <!-- favorite icon starts -->
  <link rel="shortcut icon" href="/Public/Index/mobile/images/common/favicon.ico" type="image/x-icon" />
  <!-- favorite icon ends -->
  <!-- CSS files start -->
  <link href="/Public/Index/mobile/css/framework.css" rel="stylesheet" type="text/css" media="all" />
  <link href="/Public/Index/mobile/css/colorbox.css" rel="stylesheet" type="text/css" media="all" />
  <link href="/Public/Index/mobile/css/responsive.css" rel="stylesheet" type="text/css" media="screen" />
  <link href="/Public/Index/mobile/css/hidpi.css" rel="stylesheet" type="text/css" media="screen" />
  <link href="/Public/Index/mobile/css/skin.css" rel="stylesheet" type="text/css" media="all" />
  <link href="/Public/Index/mobile/css/custom.css" rel="stylesheet" type="text/css" media="all" />
  <link href="/Public/Index/mobile/css/elements.css" rel="stylesheet" type="text/css" media="all" />
  <link href="/Public/Index/mobile/css/style.css" rel="stylesheet" type="text/css" media="all" />
  
  <!-- CSS files end -->
  <!-- JavaScript files start --> 
  <script type="text/javascript" src="/Public/Index/mobile/grayscale.js"></script>
  <script type="text/javascript" src="/Public/Index/mobile/js/jquery.min.js"></script>
  <script type="text/javascript" src="/Public/Index/mobile/js/effects.jquery-ui.min.js"></script>
  <script type="text/javascript" src="/Public/Index/mobile/js/jquery.nivo-slider.min.js"></script>
  <script type="text/javascript" src="/Public/Index/mobile/js/custom.js"></script>
  <script type="text/javascript" src="/Public/Index/mobile/js/jquery.colorbox.min.js"></script>
  
  <!-- JavaScript files end -->
 </head>
 <body>
  <!-- website wrapper starts -->
  <div class="websiteWrapper"> 
   <!-- main menu wrapper starts --> 
   <div class="mainMenuOuterWrapper"> 
    <a href="#" class="mainMenuCloseButton"></a> 
    <ul class="mainMenuWrapper"> 
     <li class="currentPage"><a href='/mobile.php/index.html' title='首页'>首页</a></li>
      <li><a href='/mobile.php/list/2.html' title='关于我'>关于我<span> </span></a></li><li><a href='/mobile.php/list/3.html' title='时光轴'>时光轴<span> </span></a></li><li><a href='/mobile.php/list/1.html' title='品味人生'>品味人生<span> </span></a></li><li><a href='/mobile.php/list/5.html' title='技术分享'>技术分享<span> </span></a></li>     <li><a href='/mobile.php/index/article/message.html'  title='给我留言'>给我留言</a></li>
    </ul> 
   </div> 
   <!-- main menu wrapper ends --> 

<script type="text/javascript">
  var url = '/mobile.php/article';
  $(function(){
    var id = '1';
    $.post(url+'/addClick',{'id':id},function(data){
        $("#pclick").html('点击数：' + data);
    });
  })
</script>
   <!-- header wrapper starts --> 
   <div class="headerOuterWrapper pageHeaderWrapper"> 
    <div class="headerWrapper"> 
     <a class="mainLogo" href="/mobile.php/index.html"><img src="/Public/Index/mobile/images/mainLogo.png" alt="" /></a> 
     <a href="#" class="mainMenuButton"></a>
    </div>
    <!-- page title starts --> 
    <h5 class="pageTitle">当前位置：
	<a href="/mobile.php/index.html">首页</a>&nbsp;&gt;&nbsp;
	<a href="/mobile.php/list/5.html">技术分享</a>
	&nbsp;&gt;&nbsp;<a href="/mobile.php/list/13.html">html+css</a>
	</h5>    <!-- page title ends --> 
   </div>
   <!-- header wrapper ends --> 
   <!-- page wrapper starts --> 
   <div class="pageWrapper singlePostPageWrapper"> 
    <!-- post content wrapper starts --> 
    <div class="singlePostContentWrapper">
    <h3 class="pageTitle" style="background:#F0F0F0;color:#333;text-align:center;">ie中input与button按钮背景图失效</h3> 
     <div class="pageSpacer"></div> 
     <div class="pageSpacer"></div> 
     <div style="word-break: break-all;" class="phoneContent"><pre class="brush:html;toolbar:false">&lt;div&nbsp;class=&quot;shop_buy&quot;&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;form&nbsp;id=&quot;formcar&quot;&nbsp;name=&quot;formcar&quot;&nbsp;method=&quot;post&quot;&nbsp;action=&quot;{dede:field&nbsp;name=&#39;phpurl&#39;/}/posttocar.php&quot;&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;input&nbsp;type=&quot;hidden&quot;&nbsp;name=&quot;id&quot;&nbsp;value=&quot;{dede:field.id/}&quot;&nbsp;/&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;input&nbsp;type=&quot;hidden&quot;&nbsp;name=&quot;title&quot;&nbsp;value=&quot;{dede:field.title/}&quot;&nbsp;/&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;input&nbsp;type=&quot;hidden&quot;&nbsp;name=&quot;price&quot;&nbsp;value=&quot;{dede:field.trueprice/}&quot;&nbsp;/&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;input&nbsp;type=&quot;hidden&quot;&nbsp;name=&quot;units&quot;&nbsp;value=&quot;{dede:field.units/}&quot;&nbsp;/&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;br/&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;input&nbsp;value=&quot;&quot;&nbsp;type=&quot;submit&quot;&nbsp;class=&quot;sub_shop&quot;/&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;small&gt;购物车：&lt;/small&gt;&lt;span&gt;&lt;a&nbsp;href=&quot;{dede:field&nbsp;name=&#39;phpurl&#39;/}/car.php&quot;&nbsp;target=&quot;_blank&quot;&gt;查看购物车&lt;/a&gt;&lt;/span&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;/form&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;br/&gt;
&lt;/div&gt;
.shop_buy&nbsp;.sub_shop&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;width:145px;
&nbsp;&nbsp;&nbsp;&nbsp;height:34px;
&nbsp;&nbsp;&nbsp;&nbsp;border:none;
&nbsp;&nbsp;&nbsp;&nbsp;cursor:pointer;
&nbsp;&nbsp;&nbsp;&nbsp;background-repeat:&nbsp;no-repeat;
&nbsp;&nbsp;&nbsp;&nbsp;background-position:&nbsp;left&nbsp;top;
&nbsp;&nbsp;&nbsp;&nbsp;background-image:&nbsp;url(arc_pic_06.jpg);
&nbsp;&nbsp;&nbsp;&nbsp;background-color:&nbsp;transparent;
}</pre><p><span style="color:rgb(61, 61, 61);font-family:Arial, Helvetica, sans-serif, 宋体;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:1px;orphans:2;text-align:start;text-indent:19px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;-webkit-text-size-adjust:auto;-webkit-text-stroke-width:0px;display:inline !important;float:none">火狐显示正常，ie6,7均不显示图片</span><span style="color:rgb(61, 61, 61);font-family:Arial, Helvetica, sans-serif, 宋体;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:1px;orphans:2;text-align:start;text-indent:19px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;-webkit-text-size-adjust:auto;-webkit-text-stroke-width:0px;display:inline !important;float:none"><span style="color:rgb(61, 61, 61);font-family:Arial, Helvetica, sans-serif, 宋体;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:1px;orphans:2;text-align:start;text-indent:19px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;-webkit-text-size-adjust:auto;-webkit-text-stroke-width:0px;display:inline !important;float:none"><br/></span></span><br/><span style="color:rgb(61, 61, 61);font-family:Arial, Helvetica, sans-serif, 宋体;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:1px;orphans:2;text-align:start;text-indent:19px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;-webkit-text-size-adjust:auto;-webkit-text-stroke-width:0px;display:inline !important;float:none"><span style="color:rgb(61, 61, 61);font-family:Arial, Helvetica, sans-serif, 宋体;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:1px;orphans:2;text-align:start;text-indent:19px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;-webkit-text-size-adjust:auto;-webkit-text-stroke-width:0px;display:inline !important;float:none"><span style="color:rgb(61, 61, 61);font-family:Arial, Helvetica, sans-serif, 宋体;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:1px;orphans:2;text-align:start;text-indent:19px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;-webkit-text-size-adjust:auto;-webkit-text-stroke-width:0px;display:inline !important;float:none">后来发现貌似是背景图被按钮盖住了，用了个透明色</span></span></span><span style="color:rgb(61, 61, 61);font-family:Arial, Helvetica, sans-serif, 宋体;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:1px;orphans:2;text-align:start;text-indent:19px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;-webkit-text-size-adjust:auto;-webkit-text-stroke-width:0px;display:inline !important;float:none"><span style="color:rgb(51, 102, 255);font-family:&#39;Courier New&#39;, Courier, Verdana;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:1px;orphans:2;text-align:start;text-indent:0px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;-webkit-text-size-adjust:auto;-webkit-text-stroke-width:0px;display:inline !important;float:none">background-color: transparent</span></span><span style="color:rgb(61, 61, 61);font-family:Arial, Helvetica, sans-serif, 宋体;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:1px;orphans:2;text-align:start;text-indent:19px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;-webkit-text-size-adjust:auto;-webkit-text-stroke-width:0px;display:inline !important;float:none"><span style="color:rgb(51, 102, 255);font-family:&#39;Courier New&#39;, Courier, Verdana;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:1px;orphans:2;text-align:start;text-indent:0px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;-webkit-text-size-adjust:auto;-webkit-text-stroke-width:0px;display:inline !important;float:none"></span></span><span style="color:rgb(61, 61, 61);font-family:Arial, Helvetica, sans-serif, 宋体;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:1px;orphans:2;text-align:start;text-indent:19px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;-webkit-text-size-adjust:auto;-webkit-text-stroke-width:0px;display:inline !important;float:none"><span style="color:rgb(61, 61, 61);font-family:Arial, Helvetica, sans-serif, 宋体;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:1px;orphans:2;text-align:start;text-indent:19px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;-webkit-text-size-adjust:auto;-webkit-text-stroke-width:0px;display:inline !important;float:none"><span style="color:rgb(61, 61, 61);font-family:Arial, Helvetica, sans-serif, 宋体;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:1px;orphans:2;text-align:start;text-indent:19px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;-webkit-text-size-adjust:auto;-webkit-text-stroke-width:0px;display:inline !important;float:none">。就行了。实际上background默认的颜色就是透明的属性。可能是dede</span></span></span><span style="color:rgb(61, 61, 61);font-family:Arial, Helvetica, sans-serif, 宋体;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:1px;orphans:2;text-align:start;text-indent:19px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;-webkit-text-size-adjust:auto;-webkit-text-stroke-width:0px;display:inline !important;float:none">或者CSS代码中有某一处设置的属性导致。</span><br/></p><p><br/></p></div>
     <div class="textBreak"></div> 
    </div> 
    <!-- post content wrapper ends --> 
    <!-- post info starts --> 
    <div class="singlePostInfoWrapper">
     <span class="singleIconWrapper singleIconText iconCalendarDark postInfo postDate">2015-01-04</span>
     <a class="singleIconWrapper singleIconText iconEditDark postInfo postAuthor postInfoNoMargin">小叨</a>&nbsp;&nbsp;
     <span class="singleIconWrapper singleIconText iconArrowRightDark" id="pclick">点击数：126</span>
    </div> 
    <!-- post info ends --> 
    <!-- post links wrapper starts --> 
    <div class="singlePostContentWrapper"> 
     <p>上一篇：已经是第一篇文章了</p>
     <p>下一篇：<a href="/mobile.php/article/4.html">CSS 定义textarea滚动条样式图解</a></p>
    </div> 
    <!-- post links wrapper ends --> 
    <!-- comments section wrapper starts --> 
    <div class="commentsSectionWrapper"> 
     <h4 class="commentsTitle">相关阅读：</h4> 
     <!-- comments wrapper starts --> 
     <!-- accordion item wrapper starts --> 
        <div class="accordionContent"> 
         <p><a href="/mobile.php/article/4.html" title="CSS 定义textarea滚动条样式图解">CSS 定义textarea滚动条样式图解</a></p><p><a href="/mobile.php/article/1.html" title="ie中input与button按钮背景图失效">ie中input与button按钮背景图失效</a></p>        </div> 
     <!-- accordion item wrapper ends -->
     <!-- coments wrapper ends --> 
    </div> 
    <!-- comments section wrapper ends --> 
   </div> 
   <!-- page wrapper ends --> 
   <!-- footer wrapper starts --> 
   <div class="footerWrapper"> 
    <!-- copyright wrapper starts --> 
    <div class="copyrightWrapper"> 
     <!-- copyright starts --> 
     <span class="copyright"><a href="http://www.miitbeian.gov.cn/">鲁ICP备15004472号-1</a></span> 
     <!-- copyright ends --> 
     <!-- back to top button starts --> 
     <a href="" class="backToTopButton"></a> 
     <!-- back to top button ends --> 
    </div> 
    <!-- copyright wrapper ends --> 
   </div> 
   <!-- footer wrapper ends --> 
  </div>
  <!-- website wrapper ends -->
 </body>
</html>